<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
    <hr>
    <div>鼠标的水平位置: {{ pageX }} ---  鼠标的垂直位置: {{ pageY }}</div>
  </div>
</template>

<script>
import getMouseLocation from './10'
export default {
  name: 'HelloWorld',
  props: {
    msg: String
  },
  setup() {
    // 自定义hook
    // 需求: 获取鼠标实时位置,要求在其他页面也要用
    const { pageX, pageY } = getMouseLocation()

    return {
      pageX,
      pageY
    }
  },
}
</script>

<style scoped>
</style>
